<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>后台管理系统</title>
    <link rel="stylesheet" type="text/css" href="/static/admin/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/admin/css/admin.css"/>
    <script src="/static/common/js/jquery-1.11.1.min.js" type="text/javascript"></script>
</head>
<body>
<div class="main-layout" id='main-layout'>
    <!--侧边栏-->
    <div class="main-layout-side">
        <div class="m-logo">
        </div>
        <ul class="layui-nav layui-nav-tree" lay-filter="leftNav">
            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/welcome"  data-id='1' data-text="系统首页"><i class="iconfont">&#xe607;</i>系统首页</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/user/show" data-id='5' data-text="用户管理"><i class="iconfont">&#xe606;</i>用户管理</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/dept/show"  data-id='1' data-text="部门管理"><i class="iconfont">&#xe604;</i>部门管理</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/menu/show"  data-id='2' data-text="菜单管理"><i class="iconfont">&#xe608;</i>菜单管理</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/role/show"  data-id='3' data-text="角色管理"><i class="iconfont">&#xe604;</i>角色管理</a>
            </li>onclick="showMenu(this)"
            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/dic/show"  data-id='4' data-text="数据字典"><i class="iconfont">&#xe600;</i>数据字典</a>
            </li>

            <li class="layui-nav-item">
                <a href="javascript:;" onclick="showMenu(this)" data-url="/sys/show" data-id='6' data-text="系统设置"><i class="iconfont">&#xe60b;</i>系统设置</a>
            </li>
        </ul>
    </div>
    <!--右侧内容-->
    <div class="main-layout-container" style="background-color: #00F7DE">
        <!--头部-->
        <div class="main-layout-header">
            <div class="menu-btn" id="hideBtn">
                <a href="javascript:;">
                    <span class="iconfont">&#xe60e;</span>
                </a>
            </div>
            <ul class="layui-nav" lay-filter="rightNav">
                <li class="layui-nav-item"><a href="javascript:;" data-url="email.html" data-id='4' data-text="邮件系统"><i class="iconfont">&#xe603;</i></a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;" data-url="admin-info.html" data-id='5' data-text="个人信息">超级管理员</a>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">退出</a></li>
            </ul>
        </div>
        <!--主体内容-->
        <div class="main-layout-body">
            <!--tab 切换-->
            <div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this welcome" id="mainTab" style="color: #444c63;font-size: 13px;"><i class="iconfont" id="tabIcon"></i>后台主页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
                        <!--1-->
                        <iframe id="mainMenu" src="/welcome" width="100%" height="100%" name="iframe" scrolling="auto" class="iframe" framborder="0"></iframe>
                        <!--1end-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--遮罩-->
    <div class="main-mask">

    </div>
</div>
<script type="text/javascript">
    var scope={
        link:'./welcome.html'
    }
</script>
<script src="/static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/admin/js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    function showMenu(btn) {
        var url=$(btn).attr("data-url");
        var tabName=$(btn).attr("data-text");
        var tabIcon=$(btn).find("i").text();
        $('#mainMenu').prop("src",url);
        $('#mainTab').text(tabName);
        $('#tabIcon').text(tabIcon);
    }
</script>
</body>
</html>
